import {h, init} from 'snabbdom'

// init函数的返回值，是一个patch函数，作用是对比两个vnode的差异，更新到真实dom
let patch = init([])

// h函数的作用是生成虚拟dom，用法，第一个参数：标签+选择器
// 第二个参数：如果是字符串，就是标签中的内容
let vnode = h("div#container", "hello world" )

let app = document.querySelector("#app")
/* 
patch函数的作用，通过对比vnode，是否更新
第一个参数可以是dom元素，内部把dom转化为虚拟vnode
第二个参数，新的vnode
返回值：vnode，更新视图
 */
let oldNnode = patch(app, vnode)

// 新创建的vnode，会替换原来的container节点
vnode = h("div#change", "hello snabbdom")
patch(oldNnode, vnode)